.goods-image {
  height: 200px;
  width: 200px;
}

.text-p {
  height: 98px;
  /*这两行代码可以解决大部分场景下的换行问题*/
  word-break: break-all;
  word-wrap: break-word;
  /*但在有些场景中，还需要加上下面这行代码*/
  white-space: normal;
  font-size: 40%;
  display: -webkit-box; /*设置为弹性盒子*/
  -webkit-line-clamp: 3; /*最多显示5行*/
  overflow: hidden; /*超出隐藏*/
  text-overflow: ellipsis; /*超出显示为省略号*/
  -webkit-box-orient: vertical;
}
